<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>

        <title>CREAR USUARIO</title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">
                <h:form rendered="#{usuarioBean.tipoUsuario == 'asesor'}">
                    <h6>  <p:commandButton value="ATRÁS" icon="ui-icon-arrowthick-1-w" ajax="false" action="indexAsesor"/></h6>
                </h:form>
                <h:form rendered="#{usuarioBean.tipoUsuario == 'division'}"> 
                    <h6> <p:commandButton value="ATRÁS" icon="ui-icon-arrowthick-1-w" ajax="false" action="ListaUsuario"/></h6>
                </h:form>
                <h:form onsubmit="this.submit();" id="form">
                    <center>
                        <h2><p:outputLabel value="DATOS PARA USUARIO NUEVO"/></h2>
                        <p:wizard nextLabel="SIGUIENTE" backLabel="ATRÁS">
                            <p:tab title="REGISTRAR">
                                <p:panel header="DATOS DEL USUARIO">
                                    <h:panelGrid columns="3">
                                        <p:outputLabel value="CLAVE DE USUARIO:" style="font-weight: bold"/>
                                        <p:inputText id="id" value="#{usuarioBean.usuario.ncontrol}" required="true" maxlength="8" requiredMessage="LA CLAVE DE USUARIO ES REQUERIDA" validatorMessage="LA CLAVE DE USUARIO DEBE DE SER COMPUESTO DE NUMEROS CON MINIMO 2 CARACTERES Y MAXIMO 8">
                                            <f:validateRegex pattern="[0-9]+"/>
                                            <f:validateLength minimum="2" maximum="8"/>
                                        </p:inputText><p:message for="id" display="text" showDetail="true"/>
                                        <p:outputLabel value="NOMBRE:" style="font-weight: bold"/>
                                        <p:inputText id="nombre" value="#{usuarioBean.usuario.nombre}" style="text-transform:uppercase" required="true" requiredMessage="EL NOMBRE ES REQUERIDO" validatorMessage="INTRODUZCA UN NOMBRE VALIDO">
                                            <f:validateRegex pattern="[a-zA-Z\sáéíóúÁÉÍÓÚüÜ']+"/>
                                        </p:inputText><p:message for="nombre" display="text" showDetail="true"/>
                                        <p:outputLabel value="PASSWORD:" style="font-weight: bold"/>
                                        <p:inputText id="password" value="#{usuarioBean.usuario.password}" required="true" maxlength="8" requiredMessage="LA CONTRACEÑA ES REQUERIDA" validatorMessage="LA CONTRACEÑA DEVDE DE TENER MINIMO 5 CARACTERES Y MAXIMO 8">
                                            <f:validateLength minimum="5" maximum="8"/>
                                        </p:inputText><p:message for="password" display="text" showDetail="true"/>
                                        <p:outputLabel value="CORREO:" style="font-weight: bold"/>
                                        <p:inputText id="correo" value="#{usuarioBean.usuario.correo}" validatorMessage="introdusca un correo valido" required="false">
                                            <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$"/>
                                        </p:inputText> <p:message for="correo" display="text" showDetail="true"/>
                                        <p:outputLabel value="ACADEMIA:" style="font-weight: bold"/>
                                        <p:selectOneMenu id="academia" value="#{usuarioBean.usuario.academia}" label="ACADEMIAS">
                                            <f:selectItem itemLabel="INGENIERÍA EN SISTEMAS COMPUTACIONALES" itemValue="INGENIERÍA EN SISTEMAS COMPUTACIONALES" />
                                            <f:selectItem itemLabel="INGENIERÍA INDUSTRIAL" itemValue="INGENIERÍA INDUSTRIAL" />
                                            <f:selectItem itemLabel="INGENIERÍA EN GESTIÓN EMPRESARIAL" itemValue="INGENIERÍA EN GESTIÓN EMPRESARIAL" />
                                            <f:selectItem itemLabel="INGENIERÍA MECATRÓNICA" itemValue="INGENIERÍA MECATRÓNICA" />
                                            <f:selectItem itemLabel="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES" itemValue="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES" />
                                            <f:selectItem itemLabel="NO APLICA" itemValue=" "/>                               
                                        </p:selectOneMenu><h:outputText value=""/>
                                        <p:outputLabel value="PERFIL:" style="font-weight: bold"/>
                                        <p:selectOneMenu id="perfil" value="#{usuarioBean.usuario.perfil}" label="PERFIL" valueChangeListener="#{usuarioBean.cambioPerdil}">
                                            <f:selectItem itemLabel="JEFE DE DIVISIÓN DE ESTUDIOS PROFESIONALES" itemValue="division"></f:selectItem>
                                            <f:selectItem itemLabel="PRESIDENTE DE ACADEMIA" itemValue="academia" />
                                            <f:selectItem itemLabel="DEPARTAMENTO DE GESTIÓN TECNOLÓGICA Y VINCULACIÓN" itemValue="vinculacion" />
                                            <f:selectItem itemLabel="DOCENTE" itemValue="docente" />
                                            <f:selectItem itemLabel="SERVICIOS ESCOLARES" itemValue="servicios" />
                                            <f:selectItem itemLabel="ALUMNO" itemValue="alumno" />
                                            <p:ajax partialSubmit="true" update="@form" process="@form"/>
                                        </p:selectOneMenu><p:message for="perfil" display="text" showDetail="true"/>
                                        <p:outputLabel value="SEXO:" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <p:selectOneMenu id="sexo" value="#{usuarioBean.usuario.sexo}" label="SELECCIONE ALGUNO" rendered="#{usuarioBean.form}">
                                            <f:selectItem itemLabel="HOMBRE" itemValue="h" />
                                            <f:selectItem itemLabel="MUJER" itemValue="m" />
                                        </p:selectOneMenu><h:outputText value="" rendered="#{usuarioBean.form}"/>
                                        <p:outputLabel value="DOMICILIO:" rendered="#{usuarioBean.form}"/>
                                        <p:inputText id="domicilio" value="#{usuarioBean.usuario.domicilio}" style="text-transform:uppercase" rendered="#{usuarioBean.form}"/><h:outputText value="" rendered="#{usuarioBean.form}"/>
                                        <p:outputLabel value="CIUDAD:" rendered="#{usuarioBean.form}"/>
                                        <p:inputText id="ciudad" value="#{usuarioBean.usuario.ciudad}" style="text-transform:uppercase" rendered="#{usuarioBean.form}">                                        
                                        </p:inputText><h:outputText value="" rendered="#{usuarioBean.form}"/>
                                        <p:outputLabel value="TELÉFONO:" rendered="#{usuarioBean.form}"/>
                                        <p:inputText id="telefono" value="#{usuarioBean.usuario.telefono}" maxlength="10" required="false" validatorMessage="INTRODUZCA UN NÚMERO TELEFÓNICO VALIDO (SOLO NÚMEROS)" rendered="#{usuarioBean.form}">
                                            <f:validateRegex pattern="[0-9]*" />
                                            <f:validateLength minimum="0" maximum="10"/>
                                            
                                        </p:inputText><p:message for="telefono" display="text" showDetail="true" rendered="#{usuarioBean.form}"/>
                                        <p:outputLabel value="TIPO DE SEGURO:" rendered="#{usuarioBean.form}"/>
                                        <p:inputText id="seguro" value="#{usuarioBean.usuario.tipoSeguro}" style="text-transform:uppercase" validatorMessage="INTRODUSCA UN TIPO DE SEGURO VALIDO" rendered="#{usuarioBean.form}">
                                            <f:validateRegex pattern="[a-zA-Z]*"/>
                                        </p:inputText><p:message for="seguro" display="text" showDetail="true" rendered="#{usuarioBean.form}"/>
                                        <p:outputLabel value="CLAVE DE SEGURO:" rendered="#{usuarioBean.form}"/>
                                        <p:inputText id="clave" value="#{usuarioBean.usuario.numSeguro}" style="text-transform:uppercase" rendered="#{usuarioBean.form}">
                                            
                                        </p:inputText><h:outputText value="" rendered="#{usuarioBean.form}"/>
                                    </h:panelGrid>
                                </p:panel>
                            </p:tab>
                            <p:tab title="CONFIRMAR">
                                <p:panel header="CONFIRMAR DATOS">
                                    <h:panelGrid columns="2" id="panelAcep">

                                        <h:outputText value="NÚMERO DE CONTROL:" style="font-weight: bold"/>
                                        <h:outputText value="#{usuarioBean.usuario.ncontrol}" title="ncontrol" style="text-transform:uppercase"/>
                                        <h:outputText value="NOMBRE:" style="font-weight: bold"/>
                                        <h:outputText value="#{usuarioBean.usuario.nombre}" style="text-transform:uppercase"/>
                                        <h:outputText value="PASSWORD:" style="font-weight: bold"/>
                                        <h:outputText value="#{usuarioBean.usuario.password}" title="password"/>
                                        <h:outputText value="SEXO:" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <h:outputText rendered="#{usuarioBean.usuario.sexo eq 'h' and usuarioBean.form}" value="HOMBRE"/>
                                        <h:outputText rendered="#{usuarioBean.usuario.sexo eq 'm' and usuarioBean.form}" value="MUJER"/>
                                        <h:outputText value="ACADEMIA:" style="font-weight: bold"/>
                                        <h:outputText value="#{usuarioBean.usuario.academia}" title="academia"/>                      
                                        <h:outputText value="PERFIL:" style="font-weight: bold"/>
                                        <h:outputText value="JEFE DE DIVISIÓN DE ESTUDIOS PROFESIONALES" rendered="#{usuarioBean.usuario.perfil eq 'division'}"/>
                                        <h:outputText value="PRESIDENTE DE ACADEMIA" rendered="#{usuarioBean.usuario.perfil eq 'academia'}"/>
                                        <h:outputText value="DEPARTAMENTO DE GESTIÓN TECNOLÓGICA Y VINCULACIÓN" rendered="#{usuarioBean.usuario.perfil eq 'vinculacion'}"/>
                                        <h:outputText value="DOCENTE" rendered="#{usuarioBean.usuario.perfil eq 'docente'}"/>
                                        <h:outputText value="SERVICIOS ESCOLARES" rendered="#{usuarioBean.usuario.perfil eq 'servicios'}"/>
                                        <h:outputText value="ALUMNO" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <h:outputText value="CORREO:" style="font-weight: bold"/>
                                        <h:outputText value="#{usuarioBean.usuario.correo}" title="correo"/>
                                        <h:outputText value="DOMICILIO:" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="#{usuarioBean.usuario.domicilio}" title="domicilio" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="CIUDAD:" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="#{usuarioBean.usuario.ciudad}" title="ciudad" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="TELÉFONO:" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="#{usuarioBean.usuario.telefono}" title="telefono" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="IMSS:" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="#{usuarioBean.usuario.tipoSeguro}" title="imss" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="CLAVE DE SEGURO" style="font-weight: bold" rendered="#{usuarioBean.form}"/>
                                        <h:outputText value="#{usuarioBean.usuario.numSeguro}" title="numero de seguro" rendered="#{usuarioBean.form}"/>
                                    </h:panelGrid>
                                    <p:commandButton action="#{usuarioBean.procesarAccion}" value="GUARDAR" icon="ui-icon-disk"/>
                                </p:panel>
                            </p:tab>
                        </p:wizard>
                    </center>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

